草庐IT

CSS 响应中心 Div

全部标签

javascript - 溢出 :hidden for rounded borders using css3pie in IE8?

我有这个HTML:和CSS:#micrositePhotoDiv{overflow:hidden;@includeborder-radius(10px);behavior:url(PIE.htc);}img的src在javascript中以编程方式设置。img设置为其包含的div的宽度。在ie9、firefox、chrome等中,这使得图片有圆Angular边框(因为图片的Angular在边框外,存在overflow:hidden;)在IE8中,图像没有圆Angular边框。border-radius属性生效(如果我执行border:solidblack1px;,我可以在图像后面看到它

javascript - 使用 AJAX 或 WebSockets 访问部分响应?

我正在使用一些客户端JavaScript代码通过HTTPGET从网络服务器中提取大量JSON数据。数据量可能很大,例如50MB。这是在LAN上,所以问题不大,但仍需要十秒左右。为了让我的界面更具响应性,我想分块处理响应,一旦数据可用就在UI中显示数据(比方说,每MB或每秒)。浏览器兼容性不是问题;只要它适用于最新的Chrome和Firefox,就没问题。但是,我无法修改服务器代码。是否可以使用XMLHttpRequest或WebSockets或其他一些我从未听说过的技术来做到这一点?XMLHttpRequest.responseText在状态为LOADING时未明确为空:Theresp

javascript - 使用 JavaScript 或 jQuery,如何在 <img> 或 <div> 元素中特别是鼠标移动的地方获取 RGB 颜色

我有一张图片,.无论何时何地移动鼠标光标,我都试图获得RGB颜色。如何使用jQuery或纯JavaScript执行此操作?例如:http://www.script-tutorials.com/demos/158/index.html跟进(用于复制粘贴测试):headScript();?>$(document).ready(function(){varimage=newImage();varctx=$('#panel')[0].getContext("2d");/*Loadthepictureempty.jpg*/image.onload=function(){ctx.drawImage

javascript - 如何使用 CSS3 和 jQuery 创建旋转齿轮?

我有以下网站,它在Flash中,后台有旋转的齿轮:http://thedrivepartnership.com/index.html我想使用CSS和JavaScript创建类似的东西-有人知道那里有任何示例吗? 最佳答案 我想你可以做的是创建一个填充窗口的容器,然后将你的齿轮放入该容器中。例如,您可能会在文件顶部放置一个包含动画的容器,其z-index非常低,适合窗口并具有固定位置。你会把你的内容放在最上面,假装css4刚出来支持.avi背景。只是在开玩笑。代码://Yourawesomecogpictures//Youraweso

javascript - 我可以在构建元素时暂时关闭所有 CSS3 过渡/动画吗?

我为网站创建了一个相当复杂的菜单。菜单来自大量基于CSS3的动画。然而,当我导航到不同的页面时,菜单应该最初建立-没有所有的动画,但在JS方面而不是在服务器端完成。现在我想知道如何暂时完全禁用所有转换/动画,直到菜单构建完成。我考虑过创建一个覆盖动画的子类,但它似乎不起作用,因为它总是使用基类中定义的动画/过渡? 最佳答案 我建议通过在构建菜单后由JavaScript添加的类来应用动画/过渡。有animation-play-state可以暂停动画的属性,但只在Safari5和Chrome4中出现(带有前缀)(与Safari4和Chr

javascript - 是否有 '#' + div_id 的替代方案?

下面的函数有没有更好的写法?'#'+div_id在我看来是错误的。functionhide_div(div_id){$('#'+div_id).hide();} 最佳答案 如果您以某种方式反对字符串连接,那么您可以改为这样做:$(document.getElementById(div_id)).hide();您还可以传入完全限定的选择器,如下所示:hide_div("#divId");如果你想用vanillaJavascript来做,你可以这样做:document.getElementById(div_id).style.displ

javascript - 使用 Javascript 读取 CSS 文件并动态更改页面

所以CSS@media查询在IE8中不起作用。@media(min-width:768px){/*somecss*/}@media(min-width:972px)and(max-width:1024px){/*differentcss*/}现在,我可以创建名为IE_min768.css和IE_min972_max1024的单独CSS文件,并使用Javascript动态加载和卸载文件作为调整页面宽度。但这违反了D.R.Y.在多个地方维护CSS会很痛苦。是否可以使用Javascript(仅在IE中)实际读取CSS文件、检测@media部分并在正确的情况下将该CSS动态应用到浏览器?

javascript - JavaScript 阻止的 CSS 转换

我正在尝试在非常密集的JavaScript期间创建一个加载栏,其中构建并填充了一些非常繁重的3d数组。在用户单击按钮之前,此加载栏需要保持为空。卡住发生无论是否我正在使用-webkit-transition(这个应用程序可以是chrome独有的,在我的情况下不需要跨浏览器)。为了简单起见,我把我的酒吧建成了这样.........然后试图在我的主for循环的各个阶段增加该栏:for(i=0;i问题是在JavaScript完成之前一切都卡住了。我在StackOverflow上发现了一个类似的问题,UsingCSSanimationwhilejavascriptcomputes,并在评论中找

javascript - CSS3 边框半径到 HTML5 Canvas

我试图在Canvas中重现CSS3边框半径。绘制圆Angular矩形很容易,但在CSS中,每个边框的值可能很高。例如:HTMLCSSdiv{height:50px;width:50px;position:absolute;top:10px;}.normal_radius{border:1pxsolidblack;border-radius:5px5px10px15px;left:10px;}.high_radius{border:1pxsolidred;border-radius:5000px500px100px150px;left:80px;}.high2_radius{border

javascript - 使用 D3 创建 DIV 的动态列表

我一直在使用D3创建精美的动画图表,示例很棒。但是,我正在尝试做一些看似更基本的事情,但遇到了麻烦-将数据绑定(bind)到一个简单的DIV列表。我设置了enter()来初始化不透明度为0的元素,transition()来淡入它们,exit()来淡出并删除它们。enter()和exit()似乎工作正常-然而,当更新包含列表中已有的现有元素时,它似乎被部分删除-包含DIV仍然存在,但内容消失了。我不明白为什么元素的内容会以这种方式改变。我的代码如下:vardata=[...];sorted=data.sort(function(a,b){returnd3.descending(a.id,